<template>
  <div class="button-component">
    <el-button :type="btnType" :size="size">{{ text }}</el-button>
  </div>
</template>

<script>
export default {
  name: 'ButtonComponent',
  props: {
    text: {
      type: String,
      default: '按钮'
    },
    btnType: {
      type: String,
      default: 'primary'
    },
    size: {
      type: String,
      default: 'medium'
    }
  }
}
</script>

<style scoped>
.button-component {
  padding: 5px;
  text-align: center;
}
</style>